<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人中心</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../css/rerset.css">
    <link rel="stylesheet" href="../css/font/iconfont.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/personal.css">

</head>

<body style="background-color:#f4f4f4;">
    <!-- 头部 -->
    <header>
        <div class="beijin"></div>
        <div class="fcc users pixed">
            <img src="../img/personal/tx.jpg" class="imege">
            <p class="f16 fff ml-20"><a id="phone" class="fff" href="./login.html">立即登录</a></p>
        </div>
    </header>


    <!-- 导航栏 -->
    <div class="flex jc-sa nav bg-fff fcc">
        <div class="flex2 aic">
            <img src="../img/personal/p.png" class="cit">
            <p class="f14 gray mt-5">电影订单</p>
        </div>
        <a href="./order.html" class="flex2 aic">
            <img src="../img/personal/dt.png" class="cit">
            <span>
                <p class="f14 gray mt-5">商品订单</p>
            </span>
        </a>
    </div>

    <!-- 主体 -->
    <main class="mt-10">
        <div class="bg-fff">
            <div class="flex jc-sb fcc bg-fff list bd-gray ml-10">
                <p class=" fcc ml-10">
                    <img src="../img/personal/yhk.png" class="image">
                    <span class="ml-10">卖座卡</span>
                </p>
                <span class="icon iconfont foun mr-10 gray">&#xe634;</span>
            </div>
            <div class="flex jc-sb fcc bg-fff list bd-gray ml-10">
                <p class=" fcc ml-10">
                    <img src="../img/personal/hb.png" class="image">
                    <span class="ml-10">红包组合</span>
                </p>
                <span class="icon iconfont foun mr-10 gray">&#xe634;</span>
            </div>
            <div class="flex jc-sb fcc bg-fff list bd-gray ml-10">
                <p class=" fcc ml-10">
                    <img src="../img/personal/qb.png" class="image">
                    <span class="ml-10">余额</span>
                </p>
                <div>
                    <span class="f14 gray">&yen;0</span>
                    <span class="icon iconfont foun mr-10 gray">&#xe634;</span>
                </div>
            </div>
            <a href="../html/set.html">
                <div class="flex jc-sb fcc bg-fff list bd-gray ml-10">
                    <p class=" fcc ml-10">
                        <img src="../img/personal/cl.png" class="image">
                        <span class="ml-10">设置</span>
                    </p>
                    <span class="icon iconfont foun mr-10 gray">&#xe634;</span>
                </div>
            </a>
        </div>
    </main>

    <!-- 底部 -->
    <footer class="pt-60">
        <div class="flex jc-sa w100pc fixed bott0 bg-fff aic footer">
            <div>
                <a href="../html/home.html" class="flex2 aic f14 gray">
                    <span class="icon iconfont">&#xe68b;</span>
                    <p class="mt-3">电影</p>
                </a>
            </div>
            <div>
                <a href="../html/cinema.html" class="flex2 aic f14 gray">
                    <span class="icon iconfont">&#xe61e;</span>
                    <p class="mt-3">影院</p>
                </a>
            </div>
            <div>
                <a href="../html/group.html" class="flex2 aic f14 gray">
                    <span class="icon iconfont">&#xe617;</span>
                    <p class="mt-3">特惠</p>
                </a>
            </div>
            <div>
                <a href="../html/personal.html" class="flex2 aic f14  yellow">
                    <span class="icon iconfont">&#xe62c;</span>
                    <p class="mt-3">我的</p>
                </a>
            </div>
        </div>
    </footer>

    <script src="../js/jQuery.js"></script>
    <script src="../js/my.js"></script>

</body>

</html>